<!--定义组件实例-->
<!--引入Vue框架-->
<script src="vue.js"></script>

<!--界面布局-->
<div id="app">
    <my-componet></my-componet>
    <my-componnet></my-componnet>
</div>

<script>

    //注册自定组件，设置名称及完成功能
    Vue.component("my-componnet",{
        //定义组件中的数据方法
        data(){
            return {
                count: 0
            }
        },
        //设置组件当中的内容
        template:'<button v-on:click="count++">被点击{{count}}次</button>'
    })
    //实例化vue对象
    var vue=new Vue({
        el:'#app',
    })
</script>